<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Navigation Bar</title>
<link rel="stylesheet" href="part3.css">
</head>
<body>
<!-- -----------------------导航栏----------------------- -->
    <nav id="navbar">
        <div class="logo">
            <img src="images\tuguan-id.jpg" alt="Logo">
        </div>
        <ul class="nav-links" >
            <li><a href="#">关于我们</a></li>
            <li><a href="#">途欢健康</a></li>
            <li><a href="#"><span style="color: #3bbe7a;">价值聚焦</span></a></li>
            <li><a href="#">联系我们</a></li>
            <li><a href="#">公司动态</a></li>
            <li><a href="#">加入我们</a></li>
            <li><a style="color: #3bbe7a;transition: all 0.3s ease;"class="button">下载途欢健康</a></li>
        </ul >
    </nav>

    <div class="header-image">
        <img src="images\header-images.png" alt="Header Image">
    </div>


<!-- -----------------------第二部分----------------------- -->
    <div class="intro-text">
        <h2>个人与家庭</h2>
        <h2 style="margin-top:1px;">更早健康投入，更多健康获益</h2>
        <div class="green-line"></div>
    </div>

<!-- -----------------------第三部分----------------------- -->
    <section class="feature-section">
        <h3>— 更少的医疗费用 —</h3>
    </section>

    <div class="counters">
        <div class="counter-row">
            <div class="counter-item">
                <div class="circle1">
                    <span class="number" data-target="-10000">0</span>
                </div>
                <h3>用100元投入健康管理</h3>
                <p>可有效避免医疗费用开支约10000元</p>
            </div>
            <div class="counter-item">
                <div class="circle2">
                    <span class="number" data-target="-3691">0</span>
                </div>
                <h3>对高血压进行综合管理</h3>
                <p>每年可减少药物、住院等医疗费用开支约3691元</p>
            </div>
        </div>
        
        <div class="counter-row">
            <div class="counter-item">
                <div class="circle3">
                    <span class="number" data-target="-12000">0</span>
                </div>
                <h3>对糖尿病进行综合管理</h3>
                <p>可有效避免并发症引发的大宗医疗费用单次住院费减少约12000元</p>
            </div>
            <div class="counter-item">
                <div class="circle4">
                    <span class="number" data-target="-30">0</span>
                </div>
                <h3>通过6个月的管理</h3>
                <p>降低30%的健康风险因素</p>
            </div>
        </div>
        
    </div>

<!-- -----------------------第四部分----------------------- -->
    <section class="feature-section">
        <h3>— 更具成效的健康管理 —</h3>
        <div class="features">
            <div class="feature-item">
                <img src="images\jiankangguanli-1.jpg" alt="Man using tablet">
                <h4>文末心脏病急救及救护及防护措施与预防</h4>
                <p>可有效降低医疗中、心外伤害、猝死等高发疾病的发生率避免疾病大的医疗、暴饮暴食导致肥胖</p>
            </div>
            <div class="feature-item">
                <img src="images\jiankangguanli-2.jpg" alt="Doctor checking blood pressure">
                <h4>通过对血压、血糖、体重的有效管理</h4>
                <p>保护心脑血管，调节血脂、血糖、体重，显著改善个体潜在的焦虑、抑郁症状，有效改善生活方式</p>
            </div>
        </div>
    </section>
    
<!-- -----------------------第五部分----------------------- -->

    <div class="intro-text">
        <h2>途欢优质的医疗服务团队</h2>
        <div class="green-line"></div>
        <p style="margin-top:1px;">覆盖您身边的每一家社区医院最优秀的家庭医生。覆盖包含华西医院、省人民医院、成都中医药大学、成都体育医院在内的三甲医院的权威专科医生。覆盖心脏内科、内分泌科、甲状腺乳腺外科、中医治未病等多学科临床医生。拥有心脏内科、内分泌科、外科等学科的顶尖医疗顾问</p>
    </div>
    <div class="footer-images">
        <img src="images\footer2.png" alt="Header Image">
    </div>

<!-- -----------------------底部----------------------- -->
    <footer>
        <div class="footer-duiqi">
            <nav class="footer-nav">
                <a href="#">公司动态</a>
                <a href="#">加入我们</a>
                <a href="#">企业用户协议</a>
                <a href="#">隐私政策</a>
                <p></p>
            </nav>
    
            <nav class="footer-copy">
                <p>Copyright © 2018 途欢医疗健康科技有限公司 <span style="color: darkgreen;">蜀ICP备15025302号-1</span></p>
            </nav>
            
        </div>
   
        <div class="footer-icons">
            
            <img src="images\shouji-logo-ico.svg" alt="Mobile Icon"> 
            <img src="images\wewix-ico.svg" alt="Wechat Icon">
        </div>
        
    </footer>

    <script src="part3.js"> </script>
</body>
</html>
